.index{
    .left{
        width:900px;
        padding:20px;
        box-sizing: border-box;
        float:left;
        .nav{
            ul{
                border-bottom:1px solid rgb(240, 239, 239);
                height:56px;
                margin-top:20px;
                li{
                    float:left;
                    margin:0px 16px;
                    font-size:16px;
                    color:rgb(161, 160, 160);
                    cursor:pointer;
                }
                .btn{
                    float:right;
                    button{
                        width:126px;
                        height:38px;
                        border-radius: 6px;
                        background: #77ce6d;
                        color:#fff;
                        outline: none;
                    }
                }
            }
        }
        .article_list{
            margin-top:40px;
            margin-left:20px;
            border-bottom:1px solid #f0f0f0;
            padding-bottom:40px;
            .head_img{
                width:30px;
                height:30px;
                line-height: 30px;
                text-align: center;
                margin-right:12px;
                border-radius: 50%;
                background: #e2e2e2;
                overflow: hidden;
                img{
                    min-width: 30px;
                    min-height: 30px;
                    max-width:40px;
                    max-height:40px;
                }
                i{
                    color:#fff;
                    font-size:12px;
                }
            }
            .content{
                .one{
                    color:#c8c9ca;
                    font-size:14px;
                    line-height:30px;
                    .username:after{
                        content:'';
                        display: inline-block;
                        width:3px;
                        height:3px;
                        border-radius: 50%;
                        margin: 4px 12px;
                        background: #9c9c9d;
                    }
                    .label{
                        padding:4px 18px;
                        border-radius: 2px;
                        color:#43a1f8;
                        margin-left:16px;
                        background: #d5edff;
                    }
                }
                .reader::before{
                    content: '';
                    display: inline-block;
                    width: 3px;
                    height: 3px;
                    border-radius: 50%;
                    margin: 4px 12px;
                    background: #9c9c9d
                }
                h4{
                  font-size:18px;
                  margin-top:14px;
                }
                .introduction{
                    margin-top:10px;
                    color:#78787d;
                    p{
                        line-height: 30px;
                    }
                }
                .operation{
                    margin-top:20px;
                    color:#c8c9ca;
                    >span{
                        position: relative;
                        display: inline-block;
                        z-index: 10000;
                        padding:16px;
                        margin-right:30px;
                    }
                    .comment{
                        border-right:none;
                        i{
                            font-size:14px;
                        }
                    }
                    span{
                        font-size: 14px;
                        i{
                            font-style:normal;
                            font-size:18px;
                            padding-right:10px;
                        }
                        span{
                            display: inline-block;
                            line-height:24px;
                        }
                    }
                }
            }
        }
    }
    .right{
        width:280px;
        height:100px;
        float:right;
    }
}
.my_attention{
    width:100%;
    height:40px;
    line-height: 40px;
    margin-top:0px;
    border-top:1px solid rgb(247, 245, 245);
    background: #fff;
    .main{
        padding-left:80px;
    }
    ul{
        display: inline-block;
        margin-left:30px;
        li{
            float:left;
            margin:0px 16px;
            font-size:16px;
            color:rgb(165, 163, 163);
        }
    }
}